<template>
  <div class="h5-container">
    <div v-for="urlInfo in urlInfos" :key="urlInfo.Url" class="contract-img">
      <img :src="urlInfo.Url" />
    </div>
  </div>
</template>
<script>
import { getFlowResourceUrls } from '@common/api/contract';

export default {
  name: 'preview',
  components: {
  },
  data() {
    return {
      urlInfos: [],
    };
  },
  created() {
    this.getFlowResourceUrls();
  },
  methods: {
    getFlowResourceUrls() {
      const { flowId } = this.$route.query;
      getFlowResourceUrls({ flowId }).then((res) => {
        console.log(res);
        const flowInfos = res.data.FlowResourceUrlInfos;
        this.urlInfos = flowInfos?.[0]?.ResourceUrlInfos;
      });
    },
  },
};
</script>
<style lang="scss" scoped>
.contracts-body {
  position: relative;
  width: 100%;
  padding-top: 190px;

}
.contract-img {
  width: 100%;
  padding: 20px 20px;
}

</style>
